<template>
  <el-main>
    <div class="container" >
      <fprumtag></fprumtag>
      <el-container>
        <el-main>
          <router-view/>
        </el-main>
        <el-aside class="userleft" style="margin-top:20px;" width="300px">
          <userleft></userleft>
        </el-aside>
      </el-container>
    </div>
  </el-main>
</template>

<script>
import fprumtag from "./forum/fprumtag.vue";
import userleft from "./forum/userleft";
import { mapActions, mapGetters } from "vuex";
export default {
  name: "index",
  components: {
    userleft,
    fprumtag
  },
  computed: mapGetters(["getuser"]),
  async mounted() {
    if (this.getuser) {
      await this.actionuserreplyfabulous();
      await this.actionuserreply();
      await this.actionusercollect();
    }
  },
  methods: mapActions([
    "actionuserreplyfabulous",
    "actionuserreply",
    "actionusercollect"
  ])
};
</script>

<style lang='scss' scoped>
@media (max-width: 1200px) {
  .userleft {
    display: none;
  }
}
</style>
